html {font-size: 62.5%;}
body { font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial; font-size: 1.4rem; font-size: 14px; color: #666; line-height: 26px; letter-spacing: .03em;}
ul, ol, li{ padding: 0; margin: 0; list-style: none;}
a{ color: #565656; text-decoration: none; outline: none;}
a:hover, a:active, a:focus{ text-decoration: none;}
label{ font-weight: normal;}
input{ font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial;}
img{ max-width: 100%;}

.clearfix:after, .clearfixlist li:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li{ zoom:1;}
.clear{ clear:both; display:block;}
.show-xs{ display: none;}
.fl{ float: left;}
.fr, .fr-md{ float: right;}
.center{ text-align: center;}
.lightgray{ color: #a6a6a6;}
.gray{ color: #d3d3d3;}
.red{ color: #f30600;}
.orange{ color: #f18e00;}
.bg-white{ background: #fff;}
.bg-lightgray, .bg-lightgray .title{ background: #fafafa;}
.bg-gray{ background: #c6c6c6;}
.circle{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}

.font-16{ font-size: 16px;}
.font-18{ font-size: 18px;}
.font-28{ font-size: 28px;}
.font-32{ font-size: 32px;}
.font-36{ font-size: 36px;}

.show-pad, .show-phone{ display: none;}
.block{ display: block;}
.mb-0{ margin-bottom: 0;}
.mb-5{ margin-bottom: 5px;}
.mt-5{ margin-top: 5px;}
.mt-15{ margin-top: 15px;}
.mb-15{ margin-bottom: 15px;}
.mb-10{ margin-bottom: 10px;}
.mr-10{ margin-right: 10px;}
.mb-20{ margin-bottom: 20px;}
.mt-20{ margin-top: 20px;}
.mt-30{ margin-top: 30px;}
.mb-30{ margin-bottom: 30px;}
.mb-40{ margin-bottom: 40px;}

.pb-40{ padding-bottom: 40px;}

.vertical{ display: table-cell; vertical-align: middle;}
.text-ellipsis{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.scroll-top{ position: fixed; z-index: 99; bottom: 35px; right: 50px; width: 50px; height: 50px; opacity:0; -webkit-transform:translateX(100%) rotate(360deg); transform:translateX(100%) rotate(360deg); transition:all .5s ease; background: url(../images/btn-scrollTop.png) no-repeat 0 0; background-size: 100% 100%;}
.scroll-top.rollIn{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); transition:all .5s ease;}

/*======== header v5 Styles ===========*/
.fixedNav{ position:fixed; z-index:100000; top:0px; left:0px; width:100%; 
    _position:absolute; _top:expression(eval(document.documentElement.scrollTop));
}

header{ height: 70px;}
header .container{ position: relative;}
h1.logo{ width: 298px; margin: 12px 0 0; text-align: center;}
.nav-outer{ position: absolute; top: 0; right: -10px; width: 758px; padding: 0;}
.nav-outer .container{ width: auto;}
.navbar-nav{ float: none; width: 100%;}
.nav>li{ width: 12.5%; text-align: center;}
.nav>li>a{ display: inline-block; height: 70px; padding: 0; line-height: 70px; color: #393939; /*transition: all .2s ease-in-out;*/}
.nav>li.active, .nav>li:hover{ box-shadow: 0 0 8px #eee; background: #fff;}
.nav>li.active>a, .nav>li>a:hover, .nav>li>a:focus, .nav>li.nav-hover>a{ border-bottom: 2px solid #ef1b27; background: transparent;}
.dropdown-menu{ min-width: 130px; border: 1px solid #dcdcdc; border-radius: 0 0 8px 8px; margin-left: -16px;}
.dropdown-menu>li{ border-bottom: 1px solid #dcdcdc;}
.dropdown-menu>li:last-child{ border-bottom: 0 none;}
.dropdown-menu>li>a{ padding: 8px 0;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ color: #ef1b27; background: transparent;}

/* footer */
footer{ padding: 12px 0 8px; font-size: 12px; color: #fff; background: #555;}
footer a{ display: inline-block; padding: 0 6px; color: #fff; transition: all 0.5s ease-in-out;}
footer a:hover{ color: #ef1b27; transition: all 0.5s ease-in-out;}
footer .name{ font-size: 14px; margin-bottom: 8px;}
.footer .item{ float: left; width: 28%; height: 190px;} 
.footer .vertical{ height: 190px;}
.footer .footer-logo, .footer .friend-links{ padding: 0 18px; border-right: 1px solid #a7a7a7;}
.footer .footer-logo{ padding-left: 0;}
.footer .footer-contact{ width: 26%; padding-left: 28px;}
.footer-contact span{ display: block;}
.footer .footer-qrcode{ width: 18%; margin-top: 8px; text-align: right;}

.copyright{ padding: 18px 0; font-size: 12px; color: #fff; background: #000;}
.copyright span{ display: inline-block;}
.copyright .icon-police{ padding-left: 28px; background: url(../images/icon-police.png) no-repeat left center;}

.title-center{ border-top: 1px solid #ededed; margin-bottom: 18px; text-align: center;}
.title{ position: relative; width: 298px; margin: -18px auto 8px; font-size: 30px; color: #000; background: #fff;}
.title .line{ display: block; position: absolute; top: 15px; left: 0; width: 62px; height: 4px; background: #ef1b27;}
.title .line-right{ right: 0; left: auto;}
.title-tips{ color: #afafaf;}
.title-left{ margin-bottom: 8px;}
.title-left .title{ margin: 0; line-height: 48px; background: transparent;}
.title-left .line{ width: 62px; height: 4px; margin-bottom: 5px; background: #ef1b27;}

.btn-more, .multipleLine .trigger, .picScroll-left .trigger{ background: url(../images/sprite-icons.png) no-repeat 0 0;}
.btn-more{ display: block; width: 128px; height: 36px; padding-right: 8px; line-height: 36px; margin: 25px auto 0; color: #fff; text-align: center; background-position: right 8px; background-color: #ef1b27;}

/* 轮播广告 */
.carousel-mobile{ display: none;}
.carousel, .carousel-control, .carousel .item, .carousel .item img{ overflow: hidden;}
.carousel .item{ vertical-align: middle;}
.carousel .item img,.carousel-inner>.item>img, .carousel-inner>.item>a>img{ width: 100%; height: 100%;}
.carousel-caption{ z-index: 10;}
.carousel-caption p{ margin-bottom: 20px; font-size: 20px; line-height: 1.8;}
.carousel-indicators li{ width: 18px; height: 18px; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: transparent;}
.carousel-indicators .active{ width: 18px; height: 18px; background-color: #fff;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, .carousel-control .icon-next{ margin-top: -30px;}

/* index-mod */
.index-mod{ padding: 48px 0 38px;}
.index-mod .pic{ margin-bottom: 10px;}
.index-mod .pic img{ width: 100%; height: 100%;}

/* index-case */
.multipleLine{ position:relative; width: 100%; overflow:hidden;}
.multipleLine .trigger{ display:block; position: absolute; z-index: 8; right: 0; width:34px; height:34px; border: 1px solid #ef1b27; cursor:pointer; overflow:hidden;}
.multipleLine .prev{ top: 0; background-position: center -40px;}
.multipleLine .next{ top: 42px; background-position: center -81px;}
.multipleLine .hd ul{ display: none;}
.multipleLine .bd{ height: 448px; margin-right: 38px; overflow:hidden;}
.multipleLine .bd ul{ width: 100%; zoom:1; margin-bottom:10px; overflow:hidden;}
.multipleLine .bd ul li{ _display:inline; float:left; width: 23%; margin: 0 1% 8px; text-align:center; overflow:hidden;}
.multipleLine .pic{ position: relative; width: 100%; /*width: 240px; height:188px;*/ margin-bottom: 5px; text-align:center;}
.multipleLine .pic .arrow{ position: absolute; z-index: 9; bottom: 0; left: 16%; width: 22px; height: 12px; background: url(../images/arrow.png) no-repeat 0 0;}
.multipleLine .pic .remark{ opacity: 0; position: absolute; z-index: 8; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease; background: url(../images/add.png) no-repeat center center rgba(0,0,0,.58); background-size: 40px;}
.multipleLine .name{ height: 26px; color: #222;}
.multipleLine a{ display: block;}
.multipleLine a:hover .pic .remark{ opacity: 1;}
.multipleLine a:hover .name{ color: #ef1b27;}

/* index-about */
.index-about{ position: relative; padding: 0;}
.index-about .detail{ width: 48%;}
.index-about .title{ margin-top: 18px;}
.index-about .name{ font-size: 18px; color: #222; line-height: 28px;}
.index-about .info{ height: 54px; font-size: 12px; line-height: 18px; overflow: hidden;}
.index-about .btn-more{ margin: 18px 0 0;}
.index-about .pic{ position: absolute; top: 0; right: 0; width: 48%; margin: 0;}

.tab-menu li{ float: left; width: 12.5%; height: 38px; margin-bottom: 28px; text-align: center;}
.tab-menu a{ display: block; height: 38px; border: 1px solid #aaa; margin: 0 4px; line-height: 36px; color: #666; overflow: hidden;}

/* 切换 */
.tab-holder{ text-align: center;}
.tab-holder li{ display: inline-block; width: 120px; height: 38px; border: 1px solid #aaa; margin: 0 12px; line-height: 36px; cursor: pointer;}
.tab-holder .active{ color: #fff; background: #888;}
.tab-panel{ display: none;}
/* news */
.news-list li{ float: left; width: 48%; padding: 18px;}
.news-list a{ display: block; font-size: 16px; color: #666;}
.news-list .date{ float: left; width: 88px; height: 72px; border-right: 1px solid #bebebe; margin-right: 18px; text-align: center;}
.news-list .day{ font-size: 48px; line-height: 48px;}
.news-list .name{ margin-bottom: 8px;}
.news-list .info{ height: 36px; font-size: 12px; line-height: 18px; color: #999; overflow: hidden;}
.news-list a:hover, .news-list a:hover .info{ color: #ef1b27;}

/* porduct */
.swiper-product{ padding: 0 48px; text-align: center;}
.swiper-product .pic{ position: relative; width: 100%; margin-bottom: 8px; overflow: hidden;}
.swiper-button-next, .swiper-button-prev{ background-size: 42px; background-color: #fff;}
/*.picScroll-left{ position:relative; width:100%; overflow:hidden;}
.picScroll-left .trigger{ display:block; position: absolute; z-index:10; top: 20%; width: 48px; height:48px; cursor:pointer; overflow:hidden;}
.picScroll-left .prev, .picScroll-left .prevStop{ left: 0; background-position: 0 -118px;}
.picScroll-left .next, .picScroll-left .nextStop{ right: 0; background-position: 0 -178px;}
.picScroll-left .hd ul{ display: none;}
.picScroll-left .bd{ width: 100%; margin: 0 52px; overflow: hidden;} 
.picScroll-left .bd ul{ zoom:1; overflow:hidden;}*/
.list-item a, .swiper-product a, .list-item .box-content, .swiper-product .box-content, .list-item .name, .swiper-product .name, .list-item .more, .swiper-product .more{
  -moz-transition: all 0.28s ease-in-out; -webkit-transition: all 0.28s ease-in-out; -o-transition: all 0.28s ease-in-out; transition: all 0.28s ease-in-out;
}
.list-item{ float: left; margin: 0 6px 6px; text-align: center;}
.list-item a, .swiper-product a{ display: block; border: 1px solid #e3e3e3;}
.list-item .pic{ position: relative; width:225px; height: 160px; margin-bottom: 8px; overflow: hidden;}
.list-item .box-content, .swiper-product .box-content{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.28s ease-in-out; background: url(../images/logo-remark.png) no-repeat center center rgba(239,27,39,.28);}
.list-item .name, .swiper-product .name{ height: 26px; margin: 0 4px 2px; color: #222;}
.list-item .more, .swiper-product .more{ width: 92px; height: 26px; margin: 0 auto 15px; font-size: 12px; line-height: 24px; color: #fff; text-align: center; background: #909090;}
.list-item a:hover, .swiper-product a:hover{ border-color: #ef1b27;}
.list-item a:hover .box-content, .swiper-product a:hover .box-content{ opacity: 1;}
.list-item a:hover img, .swiper-product a:hover img{ opacity: 0.8;}
.list-item a:hover .name, .swiper-product a:hover .name{ color: #ef1b27;}
.list-item a:hover .more, .swiper-product a:hover .more{ background: #ef1b27;}

/*  ========== 内页 init =========  */
.banner{ margin-bottom: 18px;}
.pic img{ width: 100%; height: 100%;}

.aside{ float: left; width: 28%;}
.aside .caption{ position: relative; padding: 28px 8px; border: 0 none; margin-bottom: 4px; font-size: 18px; color: #fff; background: #ef1b27;}
.aside .txt-china{ font-size: 20px;}
.aside-list li{ height: 38px; margin-bottom: 2px; line-height: 38px;}
.aside-list a{ display: block; padding: 0 18px; color: #222; background: #eee;}
.aside-list a:hover, .aside li.active a{ color: #fff; background: #555;}
.aside-contact{ margin-top: 8px; color: #222;}
.aside-contact .caption{ padding: 12px 8px; margin-bottom: 0;}
.aside-contact .detail{ padding: 12px; background-color: #f6f6f6;}

.main{ float: right; position: relative; width: 70%;}
.main .title{ font-size: 20px;}
.crumb{ position: absolute; top: 12px; right: 18px; font-size: 12px;}
.crumb, .crumb a{ color: #b5b5b5;}

.about .name{ margin-bottom: 8px; font-size: 16px; font-weight: bold; color: #222;}

.product .list-item{ width: 31.3%; margin: 0 1% 15px;}
.product .list-item .pic{ width: 100%;}

.contact-list{ color: #222;}
.contact .map{ width: 100%;}
.contact .detail{ position: relative; margin-bottom: 18px;}
.contact .logo{ margin: 18px 0;}
.contact .qrcode{ position: absolute; bottom: 0; right: 0; width: 148px; height: 148px;}

.news-catagory .item{ float: none; width: 100%;}

.title-news{ margin-bottom: 8px; font-size: 20px; color: #222;}
.news{ padding-bottom: 28px;}
.news .subtitle{ padding-bottom: 8px; border-bottom: 1px dashed #c2c2c2; margin-bottom: 18px; color: #717171;}
.news .pic{ text-align: center;}
.news .info{ margin-bottom: 38px;}
.news-more{ margin-bottom: 26px;}
.news-more .caption{ border: 0 none; margin-bottom: 24px; font-size: 20px;}
.news-more a{ display: block; height: 34px; border-bottom: 1px dashed #dbdbdb; line-height: 32px; color: #616161;}
.news-more span{ float: right; font-size: 14px;}
.news-pagination{ position: relative; padding: 10px 130px 10px 18px; border: 1px solid #cdcdcd; background: #f7f7f7;}
.news-pagination a{ /*float: left; */width: 68%; height: 26px; margin-bottom: 10px; font-size: 16px; color: #242424;}
.news-pagination span{ float: left; color: #616161;}
.news-pagination .btn-back{ position: absolute; top: 20px; right: 8px; width: 115px; height: 38px; padding-left: 36px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 16px; color: #fff; line-height: 38px; background: url(../images/icon-back.png) no-repeat 6px center #ef1b27;}
.news-pagination .btn-back:hover{ color: #fff;}
.news-more a:hover, .news-pagination a:hover{ color: #ef1b27;}

/* pagination */
.pagination{ margin-top: 30px;}
.pagination, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{ -webkit-border-radius: 0; border-radius: 0;}
.pagination>li{ float: left; }
.pagination>li>a, .pagination>li>span{ color: #9e9e9e;}
/*.pagination>li:first-child>a, .pagination>li:first-child>span,*/
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, 
.pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus,
.pagination>li>a:hover, .pagination>li>span:hover,
.pagination>li>a:focus, .pagination>li>span:focus
 { border-color: #ccc; font-weight: bold; color: #fff; background-color: #ef1b27;}

/* Bounce To Right */
.bounce-to-right{ position: relative; vertical-align: middle;
  -webkit-transform: translateZ(0); transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;
  backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;
  -webkit-transition-property: color; transition-property: color;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
.bounce-to-right:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ef1b27;
  -webkit-transform: scaleX(0); transform: scaleX(0);
  -webkit-transform-origin: 0 50%; transform-origin: 0 50%;
  -webkit-transition-property: transform; transition-property: transform;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.bounce-to-right:hover, .bounce-to-right:focus, .bounce-to-right:active{ color: #fff;}
.bounce-to-right:hover:before, .bounce-to-right:focus:before, .bounce-to-right:active:before{
  -webkit-transform: scaleX(1); transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* 响应式布局 */
@media (min-width: 1200px){
    .container{ width: 1100px;}
}

@media screen and (max-width: 1200px){
  h1.logo{ width: 268px;}
  .nav-outer{ width: 680px;}

  .title{ font-size: 20px; line-height: 28px;}
  .index-about .title{ line-height: 32px;}
  .index-about .name{ font-size: 16px;}
  .index-about .info{ height: 36px;}

  .list-item .pic{ width: 195px;}
}

@media (max-width: 991px){  
	  .hide-sm, .aside-title .hide-sm{ display: none;}    
    h1.logo{ width: 198px;}
    .nav-outer{ width: 568px; margin-right: -35px;}

    .footer-logo{ display: none;}
    .footer .item{ width: 28%;}
    .footer .friend-links{ padding-left: 0;}
    .footer .footer-contact{ width: 44%; padding-left: 16px;}

    .news-list li{ padding: 12px 8px;}
    .news-list .date{ width: 78px; font-size: 14px;}
    .news-list .day{ font-size: 38px;}

    .multipleLine .bd ul li{ width: 31.3%;}
    .picScroll-left .bd{ margin: 0 50px;}

    .aside{ width: 32%;}
    .aside .caption{ font-size: 16px;}
    .aside .txt-china{ font-size: 18px;}
    .main{ width: 66%;}

    .form-horizontal .form-control, .form-horizontal textarea.form-control{ width: 85%;}
}

@media (max-width: 767px){
    .hide-pad{ display: none;}
    .show-pad{ display: block;}

    .body-index{ padding-top: 68px;}
    .header{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 68px; background: #fff;}
    .header h1.logo{ float: left; width: 280px; overflow: hidden;}
    .header h1.logo img{ width: 100%; height: 100%;}
    .nav-mask{ position: fixed; top: 0; left: 0; z-index: 9998; width: 100%; height: 100%; background: rgba(0,0,0,.38);}
    .navbar-toggle .icon-bar{ background-color: #ef1b27;}
    .navbar-collapse{ background: #fff;}
    .navbar-collapse{ position: fixed; z-index: 9999; left: auto; left: -50%; top: 0; width: 45%; padding: 0; text-align: center; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
    .navbar-nav{ margin: 20px 0;}
    .navbar-toggle{ padding: 8px; border: 1px solid #ef1b27; margin-top: 18px; margin-right: 0;}

    .nav>li{ width: 100%; background: none;}
    .navbar-nav>li>a{ height: 38px; line-height: 38px; color: #222;}
    .nav>li>a:hover, .nav>li>a:focus, .nav>li.nav-hover>a, .nav>li.active>a{ color: #ef1b27; background: none;}

    .index-mod{ padding: 38px 0 28px;}
    .index-about{ padding: 0;}
    .index-about .detail{ width: 100%;}
    .index-about .btn-more{ margin-bottom: 18px;}
    .index-about .pic{ position: static; width: 100%;}
    .tab-menu li{ margin-bottom: 18px;}
    .news-list li{ float: none; width: 100%; padding: 15px 0;}

    .picScroll-left .trigger{ width: 38px; height: 38px; background-size: 38px 302px;}
    .picScroll-left .next, .picScroll-left .nextStop{ background-position: 0 -141px;}
    .picScroll-left .prev, .picScroll-left .prevStop{ background-position: 0 -92px;}
    .picScroll-left .bd{ margin: 0 40px;}
    .list-item{ margin: 0 4px 6px;}
    
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, 
    .carousel-control .icon-prev, .carousel-control .icon-next{ margin-top: -15px;}
    .carousel-indicators li, .carousel-indicators .active{ width: 16px; height: 16px;}

    /* init */
    .banner{ margin-bottom: 4px;}
    .aside, .main{ float: none;}
    .main{ width: 100%;}
    .aside .caption{ position: fixed; z-index: 9; left: 18px; bottom: 28px; width: 56px; height: 56px; padding: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-bottom: 0; cursor: pointer; transform: rotate(0deg); transition: all 0.5s ease-in-out; overflow: hidden;}
    .aside .caption.rotate{ transform: rotate(360deg);}
    .aside .caption .txt-china{ display: block; font-size: 14px; line-height: 20px; text-align: center;}
    .aside .txt-en{ display: none;}
    .aside-list{ display: none; position: fixed; z-index: 9; left: 78px; bottom: 28px; width: 198px;}

    .news .title{ font-size: 24px;}

    .contact .map{ margin-top: 10px;}

    .pagination{ margin: 15px 0 0;}
    .pagination li{ margin-bottom: 8px;}
}

@media (max-width: 480px){
    .wrap-xs{ width: 100%; overflow: hidden;}
    .hide-xs, .carousel-computer{ display: none;}
    .show-phone, .carousel-mobile{ display: block;}

    .scroll-top{ right: 10px;}

    .body-index{ padding-top: 60px;}
    .header{ height: 60px;}
    .header h1.logo{ width: 228px; margin-top: 4px; margin-left: -8px;}
    .navbar-toggle{ margin-top: 12px; margin-right: -8px;}

    .footer .item{ float: none; width: 100%; height: auto; padding-bottom: 18px; border: 0 none; border-bottom: 1px solid #a7a7a7; margin-bottom: 18px;}
    .footer .footer-contact{ height: 210px;}
    .footer .footer-qrcode{ border: 0 none; margin: 0; text-align: center;}

    .carousel-indicators{ bottom: 0;}
    .carousel-indicators li, .carousel-indicators .active{ width: 12px; height: 12px;}

    .index-case .container{ padding: 0 5px;}
    .index-product .container{ padding: 0;}
    .title-center{ margin-bottom: 8px;}
    .title{ width: 228px;}
    .title .line{ width: 48px;}
    .multipleLine .bd ul li{ width: 48%;}

    .index-product .tab-menu{ display: none;}
    .tab-holder li{ width: 100px; margin: 0 4px;}

    .news-list .date{ width: 68px; margin-right: 12px;}

    /*.product-list li{ width: 49%;}*/
    .crumb{ top: 12px; right: -4px;}
    .main .title-left .title{ font-size: 18px; line-height: 40px;}
    .product .list-item{ width: 48%;}

    .contact .qrcode{ position: static; margin-top: 8px;}

    .news{ padding-bottom: 80px;}
    .news .title{ font-size: 20px;}
    .news .info{ margin-bottom: 20px;}
    .news-more .caption{ margin-bottom: 10px;}
    .news-pagination{ padding: 10px;}
    .news-pagination a{ width: 100%;}
	  .news-pagination .btn-back{ top: auto; right: auto; left: 0; bottom: -60px;}
}

@media (max-width: 320px){
	.caption .txt-china{ font-size: 18px;}
	.caption .txt-en{ font-size: 12px;}
}